<div class="wrapper">

    <style>
        .stop {
            padding: 0 30px 0 50px;
            display: inline-block;
        }

        form {
            width: 100%;
            text-align: center;
        }

        .row {
            width: 100%;
        }

    </style>

    <form action="/{{ city }}" method="post">
        {% csrf_token %} <!-- avoid CSRF attacking  -->
        <div class="row">
            <div class="stop">
                <label>起始站:</label>
                {{ form.start }}
                <p style="color: #FF0000">{{ start_error }}</p>
            </div>
            <div class="stop">
                <label>终点站:</label>
                {{ form.end }}
                <p style="color: #FF0000">{{ end_error }}</p>
            </div>
            <div class="stop">
                <button type="submit">查询</button>
            </div>
        </div>    <!-- row -->
    </form>

</div>

